    <style include="cr-actionable-row-style">
      :host([disabled]) {
        opacity: 0.65;
        pointer-events: none;
      }

      :host([disabled]) cr-icon-button {
        display: var(--cr-expand-button-disabled-display, initial);
      }

      #label {
        flex: 1;
        padding: var(--cr-section-vertical-padding) 0;
      }

      cr-icon-button {
        --cr-icon-button-icon-size: var(--cr-expand-button-icon-size, 20px);
        --cr-icon-button-size: var(--cr-expand-button-size, 36px);
      }
    </style>

    <div id="label" aria-hidden="true"><slot></slot></div>
    <cr-icon-button id="icon" aria-labelledby="label" disabled="[[disabled]]"
        tabindex="[[tabIndex]]" part="icon"></cr-icon-button>
